<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Benutzerverwaltung</title>
</h:head>
<h:body>
	<ui:composition template="/WEB-INF/templates/template.xhtml">
		<ui:define name="title">
		Benutzerverwaltung
	</ui:define>
		<ui:define name="content">
			<h:form>
				<p:growl id="growl" />
				<!-- Liste der Benutzer: Anzeige der Benutzerdaten -->
				<h:outputStylesheet library="css" name="layout.css" />
				<p:dataTable id="users" value="#{userBean.users}" var="userBeanUsr"
					rowStyleClass="#{user.active eq true ? 'labelActiveUser' : null}">

					<!-- Kopfbereich: Name der Liste -->
					<f:facet name="header">
							Registrierte Benutzer
						</f:facet>

					<!-- Kolonne 1: Benutzer ID -->
					<p:column ajax="true" immediate="true" update="users">
						<f:facet name="header">
							<h:outputText value="ID" />
						</f:facet>
						<h:outputText value="#{userBeanUsr.id}" />
					</p:column>

					<!-- Kolonne 2: Benutzername -->
					<p:column>
						<f:facet name="header">
							<h:outputText value="Benutzername" />
						</f:facet>
						<h:outputText value="#{userBeanUsr.username}" />
					</p:column>

					<!-- Kolonne 3: Nachname -->
					<p:column>
						<f:facet name="header">
							<h:outputText value="Vorname" />
						</f:facet>
						<h:outputText value="#{userBeanUsr.firstname}" />
					</p:column>

					<!-- Kolonne 4: Vorname -->
					<p:column>
						<f:facet name="header">
							<h:outputText value="Nachname" />
						</f:facet>
						<h:outputText value="#{userBeanUsr.surname}" />
					</p:column>

					<!-- Kolonne 5: Adresse -->
					<p:column style="min-width:140px;">
						<f:facet name="header">
							<h:outputText value="Adresse" />
						</f:facet>
						<h:outputText value="#{userBeanUsr.address} " />
						<h:outputText value="#{userBeanUsr.zipCode} " />
						<h:outputText value="#{userBeanUsr.location}" />
					</p:column>

					<!-- Kolonne 6: E-Mail-Adresse -->
					<p:column>
						<f:facet name="header">
							<h:outputText value="E-Mail Adresse" />
						</f:facet>
						<h:outputText value="#{userBeanUsr.email}" />
					</p:column>

					<!-- Kolonne 7: Benutzerrolle -->
					<p:column>
						<f:facet name="header">
							<h:outputText value="Rolle" />
						</f:facet>
						<h:outputText value="#{userBeanUsr.role}" />
					</p:column>

					<!-- Kolonne 8: Status Benutzerfreigabe -->
					<p:column style="text-align:center">
						<f:facet name="header">
							<h:outputText value="Freigabe" />
						</f:facet>
						<p:commandButton
							icon="#{!userBeanUsr.active? 'ui-icon-cancel' : 'ui-icon-check'}"
							title="#{userBeanUsr.active? 'Benutzer deaktivieren' : 'Benutzer aktivieren'}"
							actionListener="#{userBean.deActivateUser(userBeanUsr)}"
							ajax="false" immediate="true" update="users" />
					</p:column>

					<!-- Kolonne 9: Benutzeraktionen als ICONS -->
					<p:column style="text-align:center">
						<f:facet name="header">
							<h:outputText value="Benutzer verwalten" />
						</f:facet>
						<h:panelGroup style="white-space: nowrap">
							<p:commandButton icon="ui-icon-trash" title="Benutzer löschen"
								actionListener="#{userBean.deleteUser(userBeanUsr)}"
								ajax="false" immediate="true" update="users" />
							<p:commandButton icon="ui-icon-person"
								title="Benutzer bearbeiten"
								action="#{navigationBean.EDITUSER()}" ajax="false"
								immediate="true">
								<f:param name="username" value="#{userBeanUsr.username}" />
							</p:commandButton>
						</h:panelGroup>
					</p:column>

					<f:facet name="footer">
							Anzahl registrierte Benutzer: #{userBean.users.size()}
						</f:facet>
				</p:dataTable>
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>